<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

	<head>

		<meta charset="UTF-8">
		<title>商户管理平台</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

		<link rel="stylesheet" type="text/css" href="css/ll.css" />

	</head>

	<body>
		<div class="header">
			<div class="header_left">商户管理平台</div>
			<div class="header_right">
				<div class="header_right_user"></div>
				<button onclick="revise()"  class="header_right_revise">修改密码</button>
				<button onclick="userSecede()" class="header_right_secede">退出</button>

				<!--<div class="header_right_user">欢迎 1234567 登录商户管理平台</div>-->
				<div style="padding-right: 20px;">
					<%= (new java.util.Date()).toLocaleString()%>
				</div>
			</div>
		</div>
		<div class="content_left">
			<div class="content-supervise-top"></div>
			<a href="main" class="content-supervise">账单管理</a>

		</div>
		<div class="content_right">
			<div class="content_right_header">
				<div class="content_right_type">
					<div class="content_right_type-div">
						<div class="content_right_type_zf">支付方式</div>

						<select id="pid" onchange="gradeChange()">
							<!--<option grade="ALL" value="a">全部</a>-->
							<option grade="WXPAY" value="b">微信支付</a>
								<option grade="SWIPE" value="c">刷卡</a>
									<option grade="ALIPAY" value="d">支付宝</a>
						</select>
					</div>

				</div>
				<div class="content_right_date ">
					<div class="content_right-date">
						<div>开始时间</div>
						<input onclick="laydate()" id="datePicker" class="date_picker col-xs-12  col-md-3  " placeholder="" />
					</div>
					<div class="content_right-xx"></div>
					<div class="content_right-date">
						<div>结束时间</div>
						<input type="text" id="datePicker2" class="date_picker col-xs-12  col-md-3 " placeholder="" />
					</div>

				</div>
				<div class="content_right_buttom">
					<button onclick="inquiry()">查询</button>
				</div>
			</div>
			<div class="content_right_content">
				<div class="">合利宝流水号</div>
				<div class="">订单状态</div>
				<div class="">订单号</div>
				<div class="">商品号</div>
				<div class="">订单金额</div>
				<div class="">订单生成时间</div>
			</div>
			<div id="content" class="">		
				<!--<div class="col-md-12 out-padding">
					<div class="col-md-2">1</div>
					<div class="col-md-2">12</div>
					<div class="col-md-2">123</div>
					<div class="col-md-2">111</div>
					<div class="col-md-2">666</div>
					<div class="col-md-2">2017-02-08</div>
				</div>
				<div class="col-md-12 out-padding">
					<div class="col-md-2">1</div>
					<div class="col-md-2">12</div>
					<div class="col-md-2">123</div>
					<div class="col-md-2">111</div>
					<div class="col-md-2">666</div>
					<div class="col-md-2">2017-02-08</div>
				</div>
				<div class="col-md-12 out-padding">
					<div class="col-md-2">1</div>
					<div class="col-md-2">12</div>
					<div class="col-md-2">123</div>
					<div class="col-md-2">111</div>
					<div class="col-md-2">666</div>
					<div class="col-md-2">2017-02-08</div>
				</div>
				<div class="col-md-12 out-padding">
					<div class="col-md-2">1</div>
					<div class="col-md-2">12</div>
					<div class="col-md-2">123</div>
					<div class="col-md-2">111</div>
					<div class="col-md-2">666</div>
					<div class="col-md-2">2017-02-08</div>
				</div>
				<div class="col-md-12 out-padding">
					<div class="col-md-2">1</div>
					<div class="col-md-2">12</div>
					<div class="col-md-2">123</div>
					<div class="col-md-2">111</div>
					<div class="col-md-2">666</div>
					<div class="col-md-2">2017-02-08</div>
				</div>
				<div class="col-md-12 out-padding">
					<div class="col-md-2">1</div>
					<div class="col-md-2">12</div>
					<div class="col-md-2">123</div>
					<div class="col-md-2">111</div>
					<div class="col-md-2">666</div>
					<div class="col-md-2">2017-02-08</div>
				</div>
				<div class="col-md-12 out-padding">
					<div class="col-md-2">1</div>
					<div class="col-md-2">12</div>
					<div class="col-md-2">123</div>
					<div class="col-md-2">111</div>
					<div class="col-md-2">666</div>
					<div class="col-md-2">2017-02-08</div>
				</div>
				<div class="col-md-12 out-padding">
					<div class="col-md-2">1</div>
					<div class="col-md-2">12</div>
					<div class="col-md-2">123</div>
					<div class="col-md-2">111</div>
					<div class="col-md-2">666</div>
					<div class="col-md-2">2017-02-08</div>
				</div>
				<div class="col-md-12 out-padding">
					<div class="col-md-2">1</div>
					<div class="col-md-2">12</div>
					<div class="col-md-2">123</div>
					<div class="col-md-2">111</div>
					<div class="col-md-2">666</div>
					<div class="col-md-2">2017-02-08</div>
				</div>
				<div class="col-md-12 out-padding">
					<div class="col-md-2">1</div>
					<div class="col-md-2">12</div>
					<div class="col-md-2">123</div>
					<div class="col-md-2">111</div>
					<div class="col-md-2">666</div>
					<div class="col-md-2">2017-02-08</div>
				</div>
				<div class="col-md-12 out-padding">
					<div class="col-md-2">1</div>
					<div class="col-md-2">12</div>
					<div class="col-md-2">123</div>
					<div class="col-md-2">111</div>
					<div class="col-md-2">666</div>
					<div class="col-md-2">2017-02-08</div>
				</div>
				<div class="col-md-12 out-padding">
					<div class="col-md-2">1</div>
					<div class="col-md-2">12</div>
					<div class="col-md-2">123</div>
					<div class="col-md-2">111</div>
					<div class="col-md-2">666</div>
					<div class="col-md-2">2017-02-08</div>
				</div>
				<div class="col-md-12 out-padding">
					<div class="col-md-2">1</div>
					<div class="col-md-2">12</div>
					<div class="col-md-2">123</div>
					<div class="col-md-2">111</div>
					<div class="col-md-2">666</div>
					<div class="col-md-2">2017-02-08</div>
				</div>
				<div class="col-md-12 out-padding">
					<div class="col-md-2">1</div>
					<div class="col-md-2">12</div>
					<div class="col-md-2">123</div>
					<div class="col-md-2">111</div>
					<div class="col-md-2">666</div>
					<div class="col-md-2">2017-02-08</div>
				</div>
				<div class="col-md-12 out-padding">
					<div class="col-md-2">1</div>
					<div class="col-md-2">12</div>
					<div class="col-md-2">123</div>
					<div class="col-md-2">111</div>
					<div class="col-md-2">666</div>
					<div class="col-md-2">2017-02-08</div>
				</div>
				<div class="col-md-12 out-padding">
					<div class="col-md-2">1</div>
					<div class="col-md-2">12</div>
					<div class="col-md-2">123</div>
					<div class="col-md-2">111</div>
					<div class="col-md-2">666</div>
					<div class="col-md-2">2017-02-08</div>
				</div>
				<div class="col-md-12 out-padding">
					<div class="col-md-2">1</div>
					<div class="col-md-2">12</div>
					<div class="col-md-2">123</div>
					<div class="col-md-2">111</div>
					<div class="col-md-2">666</div>
					<div class="col-md-2">2017-02-08</div>
				</div>
				<div class="col-md-12 out-padding">
					<div class="col-md-2">1</div>
					<div class="col-md-2">12</div>
					<div class="col-md-2">123</div>
					<div class="col-md-2">111</div>
					<div class="col-md-2">666</div>
					<div class="col-md-2">2017-02-08</div>
				</div>
				<div class="col-md-12 out-padding">
					<div class="col-md-2">1</div>
					<div class="col-md-2">12</div>
					<div class="col-md-2">123</div>
					<div class="col-md-2">111</div>
					<div class="col-md-2">666</div>
					<div class="col-md-2">2017-02-08</div>
				</div>
				<div class="col-md-12 out-padding">
					<div class="col-md-2">1</div>
					<div class="col-md-2">12</div>
					<div class="col-md-2">123</div>
					<div class="col-md-2">111</div>
					<div class="col-md-2">666</div>
					<div class="col-md-2">2017-02-08</div>
				</div>
				<div class="col-md-12 out-padding">
					<div class="col-md-2">1</div>
					<div class="col-md-2">12</div>
					<div class="col-md-2">123</div>
					<div class="col-md-2">111</div>
					<div class="col-md-2">666</div>
					<div class="col-md-2">2017-02-08</div>
				</div>

				
				<div class="col-md-12 out-padding">
					<div class="col-md-2">1</div>
					<div class="col-md-2">12</div>
					<div class="col-md-2">123</div>
					<div class="col-md-2">111</div>
					<div class="col-md-2">666</div>
					<div class="col-md-2">2017-02-08</div>
				</div>
				<div class="col-md-12 out-padding">
					<div class="col-md-2">1</div>
					<div class="col-md-2">12</div>
					<div class="col-md-2">123</div>
					<div class="col-md-2">111</div>
					<div class="col-md-2">666</div>
					<div class="col-md-2">2017-02-08</div>
				</div>
				<div class="col-md-12 out-padding">
					<div class="col-md-2">1</div>
					<div class="col-md-2">12</div>
					<div class="col-md-2">123</div>
					<div class="col-md-2">111</div>
					<div class="col-md-2">666</div>
					<div class="col-md-2">2017-02-08</div>
				</div>
				<div class="col-md-12 out-padding">
					<div class="col-md-2">1</div>
					<div class="col-md-2">12</div>
					<div class="col-md-2">123</div>
					<div class="col-md-2">111</div>
					<div class="col-md-2">666</div>
					<div class="col-md-2">2017-02-08</div>
				</div>-->
			</div>
			<div class="col-md-12" style="background: white;">
				<div id="pageTool"></div>
			</div>
		</div>

	</body>
	<script src="js/jq172.js" type="text/javascript" charset="utf-8"></script>
	<script src="laydate/laydate.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="js/query.js"></script>
	<script type="text/javascript" src="js/paging.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
	<script>
		! function() {
			laydate({
				elem: '#datePicker2'
			})
		}();
	</script>

</html>